@import '~antd/es/style/themes/default.less';

.TabDiv {
  position: relative;
  height: 100%;
  margin-bottom: 4%;
  overflow: hidden;
  background-color: rgba(8, 28, 49, 0.6);
  border: 2px solid rgba(36, 81, 156, 0.8);
  border-radius: 8px;
  .container {
    width: 100%;
    // height: 90%;
    padding-top: 1%;
    padding-left: 5%;
    font-weight: bold;
    font-size: calc((100vh - 48px) * 0.842 * 0.032);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(to right, rgba(32, 60, 94, 1), rgba(5, 18, 33, 0.5));
  }
}

.TabDiv::before {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, transparent, #1890ff, #1890ff);
  transform-origin: bottom right;
  animation: animate 6s linear infinite;
  animation-delay: -3s;
  content: '';
}
.TabDiv::after {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, transparent, #1890ff, #1890ff);
  transform-origin: bottom right;
  animation: animate 6s linear infinite;
  content: '';
}
@keyframes animate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.Divcontain {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: calc(100% - 2px);
  color: #0b80f1;
  background-color: rgba(8, 28, 49, 1);
  border-radius: 8px;
  inset: 1px;
}
.curstom {
  :global {
    //设置未展开时的样式
    .ant-select {
      width: 250px;
      // height: 3.5vh;
      border: 1px solid #064c70;
    }

    //设置背景色和居中对齐
    .ant-select-selector {
      align-items: center;
      // height: 3.5vh !important;
      background-color: #043452 !important;
    }

    //设置option的样式 文字
    .ant-select-selection-item {
      padding-right: 0;
      color: #16d0ff;
      font-weight: 400;
      font-family: Source Han Sans CN;
      text-align: center;
      // @include fontSize($select);
    }
  }
}

//下拉框的样式
.optionCustom {
  width: 200px;
  //background: rgba(22, 208, 255, 0.1) !important;
}

//单个option的样式
.dropdown {
  // min-height: 3vh !important;
  color: #fff !important;
  // font-weight: 400;
  font-family: Source Han Sans CN;
  // line-height: 3vh !important;
  text-align: center;
  // @include fontSize($tiptitle);
}

//改option选中的样式(在chrome中调试时对着NODE点击递归展开即可快速看到变化的class名字)
:global {
  .ant-select-dropdown {
    //设置被选中项目状态
    .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
      color: rgba(255, 255, 255, 0.85);
      font-weight: 600;
      background-color: #388ed357;
    }
  }
}
